<template>
	<div class="my-footer">
		<footer>
		<div class="maincontent">
		<section class="help">
			<div class="security">
				<div><img :src="securityUrl"><span>安全购彩</span></div>
				<ul>
					<li>交易安全</li>
					<li>购买便捷</li>
					<li>派奖快速</li>
				</ul>
			</div>
			<div class="deposit">
				<div><img :src="depositUrl"><span>充值指南</span></div>
				<ul>
					<li><a href="/help/63.html">充值方式</a></li>
					<li><a href="/help/74.html">在线充值</a></li>
					<li><a href="/help/66.html">修改真实姓名</a></li>
					<li><a href="/help/65.html">修改银行卡</a></li>
				</ul>
			</div>
			<div class="withdraw">
				<div><img :src="withdrawUrl"><span>提款帮助</span></div>
				<ul>
					<li><a href="/help/71.html">如何提款</a></li>
					<li><a href="/help/69.html">到账时间</a></li>
					<li><a href="/help/68.html">银行提款费率</a></li>
					<li><a href="/help/70.html">提款注意</a></li>
				</ul>
			</div>
			<div class="question">
				<div><img :src="questionUrl"><span>常见问题</span></div>
				<ul>
					<li><a href="/help/48.html">如何注册网站会员</a></li>
					<li><a href="/help/49.html">注册时需注意什么</a></li>
					<li><a href="/help/57.html">如何注销会员帐户</a></li>
					<li><a href="/help/54.html">密码忘记了怎么办</a></li>
				</ul>
			</div>
			<div class="contact">
				<div><img :src="contactUrl"><span>联系我们</span></div>
				<ul>
					<li>电话：</li>
					<li>QQ：</li>
					<li>版权所有:</li>
					<li>海豚彩票</li>
				</ul>
			</div>
		</section>
		<div class="logos">
			<img :src="wljcUrl">
			<img :src="wanganUrl">
			<img :src="wsjyUrl">
			<img :src="xylhUrl">
			<img :src="kxwzUrl">
		</div>
		<div class="copyright">
			<p>ICP备案号：<a class="icp" href="http://www.miibeian.gov.cn/" rel="nofollow"></a> | 版权所有：海豚彩票 | 开发公司：海豚彩票</p>
			<p>客服邮箱：service@haitun.com | 客服QQ：</p>
			<p><span class="warn">海豚彩票郑重提示：彩票有风险，投注需谨慎</span> 不向未满18周岁的青少年出售彩票</p>
		</div>
		</div>
		</footer>
		<div id="kefubox"></div>
	</div>

</template>

<script>
export default {
    name: 'my-footer',
    data () {
    return {
      securityUrl: '../../static/images/security.png',
      depositUrl: '../../static/images/deposit.png',
      withdrawUrl: '../../static/images/withdraw.png',
      questionUrl: '../../static/images/question.png',
      contactUrl: '../../static/images/contact.png',
      wljcUrl: '../../static/images/wljc.gif',
      wanganUrl: '../../static/images/wangan.gif',
      wsjyUrl: '../../static/images/wsjy.gif',
      xylhUrl: '../../static/images/xylh.gif',
      kxwzUrl: '../../static/images/kxwz.gif'
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
footer {padding-top: 28px;text-align: center;background: #f4f4f4;border-top: 3px solid #eee;}
footer .help {display: flex;align-items: flex-start;margin-bottom: 10px;}
footer .help > div {flex: 0 0 20%;}
footer .help > div > div {font-size: 17px;display: flex;align-items: center;}
footer .help img {width: 40px;margin: 0 10px 0 30px;}
footer .help ul {list-style: none;margin: 0;padding: 0;}
footer .help ul li {line-height: 30px;list-style: none;}
footer .logos img {margin-right: 10px;}
footer .copyright {line-height: 22px;color: #545454;}
footer .copyright p {margin: 0;}
.maincontent{width: 1000px;margin: 0 auto;overflow: hidden;}
.kefubox{font-size: 18px;text-align: right;font-weight: bold;color: #ff6600;font-family: Georgia;position: fixed;bottom: 50px;right: 24px;}

</style>
